<template>
	<view class="empty-container">
	  <image class="empty-pic" :src="imgUrl" mode="aspectFit"></image>
	  <view class="empty-title">{{ tips }}</view>
	</view>
</template>

<script>
	export default {
		name: "empty",
		data() {
			return {

			};
		},
    props: {
      imgUrl: {
        type: String,
      },
      tips: {
        type: String,
        default: '暂无数据～～'
      }
    }
	}
</script>

<style lang="scss">
  .empty-container {
    .empty-pic {
      width: 320rpx;
      height: 320rpx;
      margin: 0 auto 56rpx;
	  display: block;
    }

    .empty-title {
      text-align: center;
      font-size: 24rpx;
      color: #C7C7C7;
    }
  }
</style>
